<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>video_search</title>
<link rel="stylesheet" type="text/css" href="../resource/css/screen.css" />
<link rel="stylesheet" type="text/css" href="../resource/css/search.css" />
</head>

<body>
    <div class="wrap">
         <div class="header">
              <div class="logo">
                 <a href="#"><img alt="logo" src="../resource/images/brand.gif" /></a>
              </div>
              <ul id="nav">
                 <li class="nav_image nav_current"><a href="#"><img alt="image" src="../resource/images/image.gif" /></a></li>
                 <li class="nav_video"><a href="#"><img alt="video" src="../resource/images/video.gif" /></a></li>
                 <li class="nav_audio"><a href="#"><img alt="audio" src="../resource/images/audio.gif" /></a></li>
                 <li class="nav_model"><a href="#"><img alt="model" src="../resource/images/model.gif" /></a></li>
                 <li class="nav_action"><a href="#"><img alt="action" src="../resource/images/action.gif" /></a></li>
              </ul>
             
              <form>
               <div class="inputbox">
                 <div class="input_radio">
                  <p><input type="radio" name="content" id="radio_c"/><label for="radio_c">内容搜索</label></p>
                  <p><input type="radio" name="content" id="raido_i"/><label for="raido_i">关键字搜索</label></p>
                 </div>
               </div>
               <div class="content_search">
                  <div class="content_b">
                     <input class="submit_b" type="button" />
                     <input class="search_b" type="button" />
                  </div>
                  <div class="content_d">
                  <p class="content_d_f">选定文件：</p>
                  <p class="content_d_s">爱丽丝梦游仙境.JPG</p>
                  </div>
               </div>
               <div class="key_search">
                  <input class="key_t" type="text" /><input class="key_b" type="button" />
               </div>
              </form>
              
         </div>
         
         <div class="content">
             <div class="sidebar">
                 <img src="../resource/images/pic_top.gif" alt="图片分类列表" width="158" height="34"/>
                 <ul>
                    <li><a class="side_list" href="#">高清晰度</a>
                        <a class="side_del" href="#"><img alt="delete" src="../resource/images/cha.gif" /></a></li>
                    <li><a class="side_list" href="#">中清晰度</a>
                        <a class="side_del" href="#"><img alt="delete" src="../resource/images/cha.gif" /></a></li>
                    <li class="selected"><a class="side_list" href="#">低清晰度</a>
                        <a class="side_del" href="#"><img alt="delete" src="../resource/images/cha.gif" /></a></li>
                 </ul>
             </div>
             
             <div class="main">
				<table id="search_list">
					<thead>
						<tr class="th_border">
							<th style="width:50px" class="check"><input type="checkbox" /></th>
							<th style="width:50px">缩略图</th>
							<th style="width:100px" class="file_name">文件名</th>
							<th style="width:170px">描述</th>
							<th style="width:85px">文件格式</th>
							<th style="width:86px">文件大小</th>
							<th style="width:170px">所属站点</th>
							<th style="width:70px"><a href="#" class="delete">删除所选</a></th>
					   </tr>
				   </thead>
				   <tbody>
					   <tr>
							<td class="check"><input type="checkbox" /></td>
							<td><img src="../resource/images/small_bg.gif" width="50" height="50" alt="" /></td>
							<td class="file_name">09-10信号半期这是半期考试哦</td>
							<td class="description">信号与系统半期</td>
							<td>MP4</td>
							<td>48.26M</td>
							<td>北京电信机房2号服务器</td>
							<td><a href="#" class="change">修改</a><a href="#" class="delete">删除</a></td>
					   </tr>
					   <tr>
							<td class="check"><input type="checkbox" /></td>
							<td><img src="../resource/images/small_bg.gif" width="50" height="50" alt="" /></td>
							<td class="file_name">09-10信号半期</td>
							<td class="description">信号与系统半期考试详细资料</td>
							<td>MP4</td>
							<td>48.26M</td>
							<td>北京电信机房2号服务器</td>
							<td><a href="#" class="change">修改</a><a href="#" class="delete">删除</a></td>
					   </tr>
					   <tr>
							<td class="check"><input type="checkbox" /></td>
							<td><img src="../resource/images/small_bg.gif" width="50" height="50" alt="" /></td>
							<td class="file_name">09-10信号半期</td>
							<td class="description">信号与系统半期考试详细资料</td>
							<td>MP4</td>
							<td>48.26M</td>
							<td>北京电信机房2号服务器</td>
							<td><a href="#" class="change">修改</a><a href="#" class="delete">删除</a></td>
					   </tr>
					   <tr>
							<td class="check"><input type="checkbox" /></td>
							<td><img src="../resource/images/small_bg.gif" width="50" height="50" alt="" /></td>
							<td class="file_name">09-10信号半期</td>
							<td class="description">信号与系统半期考试详细资料</td>
							<td>MP4</td>
							<td>48.26M</td>
							<td>北京电信机房2号服务器</td>
							<td><a href="#" class="change">修改</a><a href="#" class="delete">删除</a></td>
					   </tr>
					   <tr>
							<td class="check"><input type="checkbox" /></td>
							<td><img src="../resource/images/small_bg.gif" width="50" height="50" alt="" /></td>
							<td class="file_name">09-10信号半期</td>
							<td class="description">信号与系统半期考试详细资料</td>
							<td>MP4</td>
							<td>48.26M</td>
							<td>北京电信机房2号服务器</td>
							<td><a href="#" class="change">修改</a><a href="#" class="delete">删除</a></td>
					   </tr>
					   <tr>
							<td class="check"><input type="checkbox" /></td>
							<td><img src="../resource/images/small_bg.gif" width="50" height="50" alt="" /></td>
							<td class="file_name">09-10信号半期</td>
							<td class="description">信号与系统半期考试详细资料</td>
							<td>MP4</td>
							<td>48.26M</td>
							<td>北京电信机房2号服务器</td>
							<td><a href="#" class="change">修改</a><a href="#" class="delete">删除</a></td>
					   </tr>
					   <tr>
							<td class="check"><input type="checkbox" /></td>
							<td><img src="../resource/images/small_bg.gif" width="50" height="50" alt="" /></td>
							<td class="file_name">09-10信号半期</td>
							<td class="description">信号与系统半期考试详细资料</td>
							<td>MP4</td>
							<td>48.26M</td>
							<td>北京电信机房2号服务器</td>
							<td><a href="#" class="change">修改</a><a href="#" class="delete">删除</a></td>
					   </tr>
					   <tr>
							<td class="check"><input type="checkbox" /></td>
							<td><img src="../resource/images/small_bg.gif" width="50" height="50" alt="" /></td>
							<td class="file_name">09-10信号半期</td>
							<td class="description">信号与系统半期考试详细资料</td>
							<td>MP4</td>
							<td>48.26M</td>
							<td>北京电信机房2号服务器</td>
							<td><a href="#" class="change">修改</a><a href="#" class="delete">删除</a></td>
					   </tr>
					   <tr>
							<td class="check"><input type="checkbox" /></td>
							<td><img src="../resource/images/small_bg.gif" width="50" height="50" alt="" /></td>
							<td class="file_name">09-10信号半期</td>
							<td class="description">信号与系统半期考试详细资料</td>
							<td>MP4</td>
							<td>48.26M</td>
							<td>北京电信机房2号服务器</td>
							<td><a href="#" class="change">修改</a><a href="#" class="delete">删除</a></td>
					   </tr>
					   <tr>
							<td class="check"><input type="checkbox" /></td>
							<td><img src="../resource/images/small_bg.gif" width="50" height="50" alt="" /></td>
							<td class="file_name">09-10信号半期</td>
							<td class="description">信号与系统半期考试详细资料</td>
							<td>MP4</td>
							<td>48.26M</td>
							<td>北京电信机房2号服务器</td>
							<td><a href="#" class="change">修改</a><a href="#" class="delete">删除</a></td>
					   </tr>
					   <tr>
							<td class="check"><input type="checkbox" /></td>
							<td><img src="../resource/images/small_bg.gif" width="50" height="50" alt="" /></td>
							<td class="file_name">09-10信号半期</td>
							<td class="description">信号与系统半期考试详细资料</td>
							<td>MP4</td>
							<td>48.26M</td>
							<td>北京电信机房2号服务器</td>
							<td><a href="#" class="change">修改</a><a href="#" class="delete">删除</a></td>
					   </tr>
					   <tr>
							<td class="check"><input type="checkbox" /></td>
							<td><img src="../resource/images/small_bg.gif" width="50" height="50" alt="" /></td>
							<td class="file_name">09-10信号半期</td>
							<td class="description">信号与系统半期考试详细资料</td>
							<td>MP4</td>
							<td>48.26M</td>
							<td>北京电信机房2号服务器</td>
							<td><a href="#" class="change">修改</a><a href="#" class="delete">删除</a></td>
					   </tr>
					   <tr>
							<td class="check"><input type="checkbox" /></td>
							<td><img src="../resource/images/small_bg.gif" width="50" height="50" alt="" /></td>
							<td class="file_name">09-10信号半期</td>
							<td class="description">信号与系统半期考试详细资料</td>
							<td>MP4</td>
							<td>48.26M</td>
							<td>北京电信机房2号服务器</td>
							<td><a href="#" class="change">修改</a><a href="#" class="delete">删除</a></td>
					   </tr>
					   <tr>
							<td class="check"><input type="checkbox" /></td>
							<td><img src="../resource/images/small_bg.gif" width="50" height="50" alt="" /></td>
							<td class="file_name">搜索信号半期</td>
							<td class="description">信号与系统半期考试详细资料</td>
							<td>MP4</td>
							<td>48.26M</td>
							<td>北京电信机房2号服务器</td>
							<td><a href="#" class="change">修改</a><a href="#" class="delete">删除</a></td>
					   </tr>
				   </tbody>
                </table>
             </div>
         </div>
         
         <div class="pages">
           <div>
            <p class="pages_num">
             <a id="point" href="#"><img alt="previousPages" src="../resource/images/prepoint_l.gif" /></a>
             <a href="#">1</a>
             <a href="#">2</a>
             <a href="#">3</a>
             <a href="#">4</a>
             <a href="#">5</a>
             <a id="point" href="#"><img alt="forwardPages" src="../resource/images/prepoint_r.gif" /></a>
            </p>
            <p class="pages_sum">Pages:<span>1</span>&#47;<span>9</span></p>
            <p class="pages_jump">转到第<input class="text" type="text" />页
             <input class="button" type="button" value="Go" /></p>
           </div>
         </div>
         
         <div class="footer">
           <span>&copy;</span><span>电子科技大学数字媒体技术研究所</span><span>All rights reserved</span>
           <span>&#124;</span><span>Powered by Dreamfly</span>
         </div>
 </div>
 <script type="text/javascript">
		  	function shortString(elem,className,length){
				var name = document.getElementById(elem);
				var ElemList = name.getElementsByTagName("*");
				for(var i=0,j=ElemList.length;i<j;i++){
				var short = (function(k){
					if(ElemList[k].className == className){
						str = ElemList[k].innerHTML;
						if(str.length >= length){
							ElemList[k].innerHTML = str.substring(0,length)+"…";
						}
						else{
							return false;
						}
					}
					})(i);
				}
				
			}
shortString("search_list","file_name",6);
shortString("search_list","description",10);
 </script>
</body>
</html>
